<template>
	<view class='devicemanagement1'>
		<view class="shebei">
			<image src='../../static/images/bigshebei.png'></image>
		</view>
		<view class='shebeiinfo'>
			<view class='box'>
				<view class='num'>123</view>
				<view class='tip'>当前公斤数</view>
			</view>
			<view class='box'>
				<view class='num'>123</view>
				<view class='tip'>当前公斤数</view>
			</view>
			<view class='box'>
				<view class='num'>123</view>
				<view class='tip'>当前公斤数</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "devicemanagement1",
		data() {
			return {

			};
		}
	}
</script>

<style lang="less" scoped>
	.devicemanagement1{
		.shebei {
			width: 686rpx;
			height: 782rpx;
			background-image: url('../../static/images/shebeibg.png');
			background-size: 100% 100%;
			margin: 0rpx auto;
			image{
				width:532rpx;
				height:631rpx;
				margin:0rpx auto;
				display: block;
				padding-top:74rpx;
				
			}
		}
		.shebeiinfo{
			width:686rpx;
			margin:0rpx auto;
			background-color:#fff;
			display: flex;
			justify-content: space-between;
			margin-top:40rpx;
			box-sizing: border-box;
			padding:40rpx 30rpx;
			border-radius: 30rpx;
			.box{
				text-align: center;
				.num{
					color:#212121;
					font-size:36rpx;
				}
				.tip{
					margin-top:22rpx;
					font-size:24rpx;
					color:#595959;
				}
				
			}
		}
	}
	
</style>
